<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button>hello</button>
<!--    {% if age > 18 %}-->
<!--        <p>您成年了</p>-->
<!--    {% else %}-->
<!--        <p>您未成年</p>-->
<!--    {% endif %}-->


<!--    <ul>-->
<!--        {% for i in name %}-->
<!--            <li>{{i}}</li>-->
<!--        {% endfor%}-->
<!--    </ul>-->


<!--    {% for i in age.items %}-->
<!--        <p>{{i}}</p>-->
<!--    {% endfor %}-->


<!--    <table>-->
<!--        <thead>-->
<!--            <tr>-->
<!--                <th>序号</th>-->
<!--                <th>书名</th>-->
<!--                <th>人物</th>-->
<!--                <th>价格</th>-->
<!--            </tr>-->
<!--        </thead>-->
<!--        <tbody>-->
<!--            {% for i in book %}-->
<!--                <tr>-->
<!--                    <td>{{forloop.counter  }}</td>-->
<!--                    <td>{{i.name}}</td>-->
<!--                    <td>{{i.people}}</td>-->
<!--                    <td>{{i.price}}</td>-->
<!--                </tr>-->
<!--            {% endfor %}-->
<!--        </tbody>-->
<!--    </table>-->

    {% with zzz=1111 %}
        <p>{{ zzz }}</p>
    {% endwith %}
    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function() {
            alert('hello');
        })
    </script>
</body>
</html>